.section.video-list-bg {
  padding: 1.25rem 0rem;
  margin: 0 0.5rem;
  margin-top: 0.5rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.13rem 1.25rem 0rem rgba(37, 38, 41, 0.1);
  border-radius: 0.5rem;
  display: block;
}

.section {
  display: -webkit-box;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}

.section::-webkit-scrollbar {
  width: 0px !important;
  display: none;
  background-color: transparent;
}

.video {
  position: relative;
  width: 7.88rem;
  height: 8.19rem;
  background: #ffffff;
  box-shadow: 0rem 0.25rem 0.63rem 0rem rgba(39, 40, 46, 0.05);
  border-radius: 0.31rem;
  border: 0.03rem solid #ebebed;
  margin: 0 0.63rem 1.94rem 0;
}

.video-bgImg {
  width: 7.88rem;
  height: 4.44rem;
  border-radius: 0.31rem 0.31rem 0rem 0rem;
}

.video-span {
  margin: 0.63rem;
  height: 2.5rem;
  font-size: 0.88rem;
  font-weight: 400;
  color: rgba(39, 40, 46, 1);
  line-height: 1.25rem;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.play {
  position: absolute;
  top: 1.25rem;
  left: 3rem;
  width: 1.88rem;
  height: 1.88rem;
}

.video:first-of-type {
  margin-left: 1.25rem;
}

// videoListH
.video-h-head {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 1rem;
}

.title {
  font-size: 1.06rem;
  font-weight: bold;
  color: #0F0F0F;
  line-height: 1.06rem;
  display: flex;
  align-items: baseline;
  flex-grow: 1;
}

.sub-title {
  font-size: 0.75rem;
  font-weight: 400;
  color: #808080;
  line-height: 1rem;
  margin-left: 0.31rem;
}

.more-link {
  font-size: 0.81rem;
  font-weight: 400;
  color: #808080;
  line-height: 0.81rem;
  display: flex;
}

.icon {
  margin-left: 0.31rem;
  width: 0.38rem;
  height: 0.69rem;
  align-items: center;
}

.video-h-bg {
  display: flex;
  align-items: center;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}

.video-h-bg::-webkit-scrollbar {
  width: 0px !important;
  display: none;
  background-color: transparent;
}

.video-h {
  margin-right: 0.75rem;
  position: relative;
  flex-shrink: 0;
}

.video-h:nth-of-type(1) {
  margin-left: 1rem;
}

.video-img {
  width: 15rem;
  height: 10rem;
  background: #D8D8D8;
  border-radius: 0.25rem;
}

.video-label {
  margin-top: 0.5rem;
  font-size: 0.94rem;
  color: #0F0F0F;
  line-height: 1.31rem;
  padding: 0 0.25rem;
}

.play-h {
  position: absolute;
  top: 4.06rem;
  left: 6.56rem;
  width: 1.88rem;
  height: 1.88rem;
}